span.placeholder
{
    position: absolute;
    font-size: 120%;
    color: #999;
    font-family: sans-serif;
    padding: 10px 3px 4px 5px;
    z-index: 1;
    cursor: text;
    font-weight: normal;
}

#info-panel span.placeholder
{
    font-size: 100%;
    padding-top: 7px;
}

span.placeholder-hide-except-screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

span.placeholder-hide{
	display:none;
}

/* overwrite for the HTML5 Boilerplate way to hide labels */
label.visuallyhidden-with-placeholder{
    /*clip: auto !important;*/
    height:auto !important;
    overflow: visible !important;
    position:absolute !important;
    left:-999em;
}